
import React,{ Component } from 'react';
import { Form, Icon, Input, Button,InputNumber,TreeSelect } from 'antd';
const FormItem = Form.Item;
const TreeNode = TreeSelect.TreeNode;
const SHOW_PARENT = TreeSelect.SHOW_PARENT;
const treeData = [{
        label: '工单组',
        value: '工单组',
        key: '0-0',
        disabled: true,
        children: [{
            label: '工单组1',
            value: '工单组1',
            key: '0-0-0',
            //disableCheckbox: true,
          }],
    }, {
        label: '测试组',
        value: '测试组',
        key: '0-1',
        children: [{
            label: '测试组1',
            value: '测试组1',
            key: '0-1-0',
          }, {
            label: '测试组2',
            value: '测试组2',
            key: '0-1-1',
          }, {
            label: '测试组3',
            value: '测试组3',
            key: '0-1-2',
          }
        ],
    }];

class TestTreeSelect extends Component {
    constructor(props) {
        super(props);
        this.state = {

        }
    }
    componentDidMount() {
        this.props.form.validateFields();
    }
    /**
     *
     * onSubmitEvent() 提交
     */
    onSubmitEvent(e) {
        e.preventDefault();
        console.log("提交");
        this.props.form.validateFields((err,value)=>{
            // if(!err) {
            //    console.log('看看');
            //    console.log('value是',value);
            // }else {
            //     console.log('我们看打印的是什么：',err);
            // }
            console.log('value是',value);
        });
    }
    // handleChange(value) {
    //     let filterValue = value && value.filter((item,index)=>{
    //         return item !== '工单组';
    //     })
    //     console.log('过滤之后的数据：',filterValue);
    //     this.setState({ 
    //         value: filterValue,
    //     })
    // }
    // selectEvent (value, node, extra) {
    //     console.log('value',value);
    //     console.log('node',node);
    //     console.log('extra',extra);
    //     // let filterValue = value && value.filter((item,index)=>{
    //     //     return item !== '工单组';
    //     // })
    //     //console.log('filterValue的值是：',filterValue);
    // }
    

    render() {
        const { getFieldDecorator } = this.props.form;
        const tProps = {
            treeData,
            //value: this.state.value,
            //onChange: this.handleChange.bind(this),
            //onSelect: this.selectEvent.bind(this),
            treeCheckable: true,
            showCheckedStrategy: SHOW_PARENT,
            searchPlaceholder: 'Please select',
            style: {
                width: 300,
            },
        };
        return (
            <TreeSelect {...tProps} />
            // <Form onSubmit={ this.onSubmitEvent.bind(this)}>
            //     <FormItem>
            //         {
            //             getFieldDecorator('email',{
            //                 rules: [{ required: true, message: '邮件客服不能为空!' }],
            //             })(
            //                 <TreeSelect {...tProps} />
            //             )
            //         }
                    
            //     </FormItem>
            //     <FormItem>
            //         <Button
            //             type="primary"
            //             htmlType="submit"
            //         >
            //             提交
            //         </Button>
            //     </FormItem>
            // </Form>
        )
    }
}
export default Form.create()(TestTreeSelect);

